草庐IT

html - onclick CSS 按钮效果

全部标签

javascript - node.js 白板应用程序的客户端或服务器端 HTML5 Canvas 渲染?

我在想一个小的白板网络应用程序会是提高我的node.js和JavaScript技能的好方法。我在网上看到了一些,这很有意义,因为它似乎非常适合这种堆栈。不过,花点时间想想,我想知道客户端和服务器在这种Web应用程序中的Angular色。跌跌撞撞node-canvas,我变得更加糊涂了。客户端和服务器具体应该负责什么?如果服务器能够渲染到Canvas,它是否应该接受并验证来自客户端的输入,然后通过socket.io将其广播给所有其他连接的用户??这样,服务器就保留了一个master-canvas元素。新用户连接后,服务器只需向客户端推出其Canvas-使其与已绘制的内容同步。任何关于实现

javascript - 可以将 HTML dom 元素拖放到 SVG dom 元素上吗?

我目前正在使用RaphaëlJS(愿意切换到jQuerySVG)和jQueryUI来尝试制作棋盘游戏的原型(prototype)。它与Risk有点相似,因为棋盘是一张map,您可以(希望很快)将棋子从map上的一个区域拖到另一个区域(比如从A到B)并将它们放在那里。一旦下降,它会触发回调来做一些工作。现在我一直在尝试获取拖放功能。我想拖动一个html元素(div)并将其放到SVG元素上。我对SVG不是很熟悉,但据我了解,要使HTML和SVGDOM一起工作,需要克服一些问题。我有两个版本,我正在尝试让jQueryUI拖/放到其中任何一个。一种是将jQuerySVG与svgdom插件+jQ

javascript - Jquery 日期选择器按钮 tabindex

我正在使用Jquery日期/日期时间选择器附加组件,以及JQgrid。我希望日期/日期时间选择器的onShow成为“按钮”,但是当通过模式切换时,日期/日期时间按钮不能获得焦点。我写了一个函数来为我创建日期选择器。functionCreateDatePicker(elem,ShowOn){setTimeout(function(){$(elem).datepicker({dateFormat:'yy/mm/dd',autoSize:false,showOn:ShowOn,changeYear:true,changeMonth:true,showButtonPanel:true,show

javascript - 从本地 html/javascript(没有网络服务器)访问 google apis

是否可以从本地html文件(使用javascript)访问googleapi(日历v3)?我想在浏览器中打开c:\temp\gsotto\gsotto.htm,而不是通过IIS提供文件。如果我从提供我的文件,它就会工作http://localhost/通过网络服务器。在googleapi控制台中,我有一个“Web应用程序的客户端ID”:RedirectURIs:http://localhostJavaScriptorigins:http://localhost和浏览器应用程序的“简单api访问”key(带引用)Firebugshowsmethiswhenaccessingthrough

javascript - Pinterest "Pin it"按钮在 Internet Explorer 中中断 'back'

我最近发现在InternetExplorer(至少v9)中,Pinterest的“Pinit”按钮破坏了浏览器中的“后退”功能。右键单击它会显示类似“http://assets.pinterest.com/pidget.html”的条目'作为上一页。看起来Pinterest正在添加一个iFrame,而IE正在将其地址添加到历史记录中。单击“后退”不会执行任何操作。这是一个已知问题吗?是否有解决方法? 最佳答案 好吧,作为一个临时解决方案(除了删除“固定”按钮),通过阅读他们的代码,我相信(未测试)您可以将一部分添加到调用以禁用日志记

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如

javascript - 如何通过单击共享点中的按钮关闭 SP.UI.ModalDialog?

我想在用户从EDITForm.aspx保存任何文档时显示确认对话框。所以我编写了以下JavaScript代码。functionPreSaveAction(){var_html=document.createElement();_html.innerHTML="";varoptions={title:"Confirm",width:400,height:200,showClose:false,allowMaximize:false,autoSize:false,html:_html};SP.UI.ModalDialog.showModalDialog(options);}function

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P

javascript - Rivets.js:单击按钮时,使用数据绑定(bind)中的参数调用函数

这太令人生气了。好像应该这么简单,但是我找不到魔法咒语。这是我需要做的事情的要点:这应该可以说明我需要做什么。我尝试了很多不同的方法,但似乎没有任何效果。 最佳答案 下面是铆钉网站的事件处理程序的默认配置://Augmenttheeventhandleroftheon-*binderhandler:function(target,event,binding){this.call(target,event,binding.view.models)}因此除了事件对象之外,您还可以获得对与特定绑定(bind)相关的模型的引用作为第二个参数

javascript - 按钮ng-click中的功能参数相同

我有两个按钮使用相同的ng-click和不同的参数。SaveSettingsChoosefromGallery无论我做什么,按钮都会传递与第一个函数调用中相同的参数。使用简单的Controller功能进行测试,记录相同的参数。在这种情况下,它是true对于两者。$scope.takePicture=function(my_param){console.log(my_param);}这些似乎只发生在Ionic中,而不是标准的Angular。这是一个工作示例的CodePen。http://codepen.io/anon/pen/JYBKVQ编辑:根据下面的解决方案,我在上面的代码摘录中包含